<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			.bg-info {
				background-color: #d9edf7;
			}
			
			.btn-lg {
				padding: 10px 16px;
				font-size: 18px;
				line-height: 1.3333333;
				border-radius: 6px;
			}
			
			.bg-danger {
				background-color: #f2dede;
			}
			
			.text-center {
				text-align: center;
			}
			
			#main{
				width: 200px;height: 100px;
			}
		</style>
	</head>
	<body>
		<button class="btn-lg" onclick="test()">测试</button>
		<div id="main" class="bg-info">
			<p class="text-center bg-danger">测试的文字</p>
		</div>
		<script type="text/javascript" src="js/lyq_jquery.js" ></script>
		<script>
			
			//a.css('color','#00FF00');
			function test() {
				//$('#main').toggleClass('animated', 'fadeInDown');
				toggleClass();
				//$('#main').addClass('animated','fadeInDown');
				//$('#main').parent().css('color','#00FF00','text-align','center');
				//that = document.getElementById('main');
				//console.log($('#search'));
				//$('#search').html('1234');
				//$('#main').text('1');
				//console.log(util.GenNonDuplicateID());

				//$('#main_p').append('<h1>啊哈</h1>');
				//$('#main').children(1).css('color','#00FF00','text-align','center');
				/*ajax:function(){
					url: 'www.baidu.com/getInfo',
					type :'POST',
					data: {
						name: 'jack',
						age: 18
					},
					dataType: 'json',
					success: function(resp){
					// callback
					},
					error: function(err){
					// error code
					} 
				},*/
				//$('#main').get('http://happymmall.com/product/detail.do?productId=12');
				//$('#main').append('<h1>aaa</h1>');
				//$('#main').prepend('<h1>aaa</h1>');
				//$('#main').html();

				//$('#main').hide();//切换为显示完成
				//$('#main').height();//获取高度成功
				//$('#main').width();//获取宽度成功
			}
			//ajax.post('http://v.juhe.cn/weather/index?format=2&dtype=json&cityname=' + '自贡' + '&key=f6e0cad336b95a0b70d42634359fb74b',a);

			/*$("#main").onmouseover(function () {
			     console.log('正在执行移入');
			}).onmouseout(function(){
				console.log('正在执行移出');
			}).onclick(function(){
				console.log('正在执行点击');
			}).ondblclick(function(){
				console.log('正在执行鼠标双击事件');
			}).onmouseup(function(){
				console.log('正在执行鼠标释放');
			});*/
		</script>
	</body>

</html>